<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>溢出属性</title>
		<style>
			div{
				width:500%;
				height:100px;
				background: #eee;
				/* 溢出出现条件：内部元素大于外部元素
				 overflow溢出属性：hidden隐藏
				                  scroll 滚动条*/
								  overflow: hidden;
								  overflow: scroll;
								  overflow: auto;
								  /* overflow-x  横向轴  overflow-y 纵向轴*/
								  /* 需求：横向轴效果 */
								  overflow-y:hidden;
								
								 
								
			}
			
			p{
				width: 800px;
			}
		</style>
	</head>
	<body>
		<div>   
		<p>
			<img src="img/p_small_001.jpg"alt="1"/>
			<img src="img/p_small_002.jpg"alt="2"/>
			<img src="img/p_small_003.jpg"alt="3"/>
			<img src="img/p_small_004.jpg"alt="4"/>
			<img src="img/p_small_005.jpg"alt="5"/>
			<img src="img/p_small_006.jpg"alt="6"/>
			<img src="img/p_small_007.jpg"alt="7"/>
		</p>
			
		</div>
	</body>
</html>